@import 'variables';
#seed-check-num{
  width: 100%;
  background-color: rgba(#000 , 0.3);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 22;
  .seed-check-num{
    display: flex;
    align-items:center;
    justify-content:center;
    .check-num-wrap{
      box-sizing: border-box;
      margin: 0 pxTorem(45);
      background-color: #fff;
      border-radius: pxTorem(8);
      .check-num-title{
        text-align: center;
        color: color($h5,c2);
        font-size: standard($f,f3);
        padding: pxTorem(42) 0 pxTorem(30);
        line-height: 1.2;
        .first{
          padding-bottom: pxTorem(16);
        }
      }
      .check-num-code{
        margin: 0 pxTorem(40);
        border: 1px solid color($h5,c6);
        padding: pxTorem(23) 0 pxTorem(23) pxTorem(10);
        border-radius: pxTorem(8);
        display: flex;
        justify-content: space-between;
        input{
          color: color($h5,c2);
          &::-webkit-input-placeholder{
            color: color($h5,c6);
          }
        }
        .timer{
          width: pxTorem(160);
          font-size: standard($f,f3);
          color: color($h5,c4);
          text-align: center;
          position: relative;
          &:after{
            display: block;
            content: '';
            height: 100%;
            transform: scaleX(0.5);
            width: 1px;
            position: absolute;
            left: 0;
            top: 0;
            background-color: color($h5,c6);
            z-index: 23;
          }
          &.new{
            color: color($h5,c1);
          }
        }
      }
      .tips{
        text-align: center;
        padding: pxTorem(34) 0 pxTorem(12);
        font-size: standard($f,f6);
        color: color($h5,c4);
      }
      .check-num-btn{
        display: flex;
        position: relative;
        justify-content: space-between;
        &::after{
          display: block;
          content: '';
          height: 1px;
          transform: scaleY(0.5);
          width: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background-color: color($h5,c9);
          z-index: 23;
        }
        .cancel{
          width: 50%;
          text-align: center;
          position: relative;
          height: pxTorem(90);
          line-height: pxTorem(90);
          color: color($h5,c13);
          font-size: standard($f,f3);
          &:after{
            display: block;
            content: '';
            height: 100%;
            transform: scaleX(0.5);
            width: 1px;
            position: absolute;
            right: 0;
            top: 0;
            background-color: color($h5,c9);
            z-index: 23;
          }
        }
        .submit{
          width: 50%;
          text-align: center;
          height: pxTorem(90);
          line-height: pxTorem(90);
          color: color($h5,c2);
          font-size: standard($f,f3);
        }
      }
    }
  }
}
